header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary,input{outline:0;}/*hideFocus对超链接外虚线框的设置*/
ul,dl,li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{ font-weight:normal;}
pre,code,kbd,samp{font-family:inherit;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}/*default默认光标（通常是一个箭头）*/
a,button{cursor:pointer; -webkit-tap-highlight-color: transparent;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,a,a:hover{text-decoration:none;}
body,textarea,input,button,select{font:13px/18px arial,"Microsoft YaHei","微软雅黑";color:#333;outline:0;}
*{ padding: 0px; margin: 0px;}
body{ background:#f5f5f5;}
.btnDfau{ display: block; width: 80%; height: 44px;margin: 12px auto 0; background: linear-gradient(to right,#0084ff,#0084ff);
    color:#fff; border-radius: 26px; text-align: center; line-height: 44px; font-size: 18px;}
.box{ margin-left: 3.25%; margin-right: 3.25%; margin-top:12px; background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
   border-radius: 7px; padding: 14px; box-sizing: border-box;}    
.box-tp{ font-size: 18px;padding-top: 8px;margin-bottom: 30px; }   
.box-bd{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; padding-bottom: 12px;}
.box-bd-lt{ width: 60px; overflow: hidden; white-space: nowrap; margin-top: 2px; font-size: 14px;}
.box-bd-lt span{ padding-right:17px;}
.box-bd-rt{ width:54%;margin-right: 15px;  display: flex; display: -webkit-flex;justify-content: space-between; -webkit-justify-conent:space-between}
.box-bd-rt a{  width: 20%;  }
.box-bd-rt a img{ width: 70%; display: block; margin: 0 auto;}
.moreQuestion{  margin-left: 3.25%; margin-right: 3.25%; margin-top:12px; background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 7px; padding: 14px; box-sizing: border-box;}
.moreQuestion-tp{ margin-top: 10px; font-size: 18px; margin-bottom: 20px;}
.cellList-outer{ border: 1px solid #f3f3f3; border-radius: 7px; padding:7px 10px 4px; margin-bottom: 10px; }
.cellList{ display: flex; display: -webkit-flex;    }
.cellList input{ border-radius: 26px; display: none; }
.cellList input + label{  border-right: 5px solid #fff; border-bottom: 5px solid #fff; border-top: 5px solid #fff; }
.cellList input + label::before{ content: ""; display: inline-block; width: 14px;height: 14px; border: 1px solid #c9c9c9; border-radius: 10px;}
.cellList input:checked + label::before{ content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/icon-tick.png) no-repeat;
   background-size: 100% 100%; border: none;}
.cellList a{ margin-top: 2px;}
.cellList a img{ width: 7px; display: block; border: 5px solid #fff; }
.cellList-tx{ font-size: 14px; flex: 1;line-height: 18px;margin-top: 4px; }
.secletions{ margin-left: 19px; padding-top: 10px; padding-bottom: 5px;}
.secletions-bd{ display: flex; display: -webkit-flex; margin-bottom: 7px; }
.secletions-bd input{  border: none;}
.custom-checkbox span{
    background-color: white;
    border-radius: 50%;
    border: 1px solid #c9c9c9;
    width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height:14px; margin-top: 10px;
    
}
.custom-checkbox input[type="checkbox"]{
    display: none;
}
.custom-checkbox input[type="checkbox"]:checked + span{
   
    position: relative;
   
}
.custom-checkbox input[type="checkbox"]:checked + span:after{
    content: "";
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    border: none;
    height: 16px;
    width: 16px;
    background: url(../images/icon-tick.png) no-repeat;
    background-size: 100% 100%; 
}
.secletions-bd-rt{ flex: 1; margin-left: 5px; background-color: #f5f5f5; padding:10px; border-radius: 7px; font-size: 12px; color: #666;}
.boxTrea{ background-color: #f8f8f8; border-radius: 7px; padding: 12px;}
.boxTrea textarea{ width: 100%;height: 60px; border: none; background-color: #f8f8f8;}
.boxTrea textarea::placeholder{ color: #999;}
.boxTrea{ text-align: right; font-size: 12px;color: #c1c1c1;}
.footerBtn{margin-top: 14px; height: 56px;}
.footerBtn a{ display: block; position: fixed; left: 0; right: 0; bottom: 0; height: 56px; background: linear-gradient(to right,#0a90ff,#006bff);
  text-align: center; font-size: 18px; line-height: 56px; color: #fff;}
.footerBtn a.setBg{ background: linear-gradient(to right,#c2c2c2,#c2c2c2);}  
.box-bd-tx{ flex: 1; font-size: 14px;text-align: left; margin-top: 3px;}  
.box-bd-tx span{ display: block; white-space: nowrap;}
.otherF{}
.otherF .box-bd-lt{ font-size: 12px; color: #666;}
.otherF .box-bd-rt a img{ width: 54%; display: block; margin: 0 auto;}
.otherF .box-bd-tx{ font-size: 12px; color: #666;}
.popbox{ position: fixed;z-index: 99;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.5); z-index: 5;}
.popboxCon{position: absolute;z-index: 6; width: 66%;height: 100vh;overflow: auto;  top: 0; right:-60%;bottom: 0; background: #fff; }
.popboxCon-tp{ display: flex; display: -webkit-flex; }
.popboxCon-tp span{ width: 4px; height: 12px; background: linear-gradient(to bottom,#0B90FF,#006AFF); border-radius: 0 10px 10px 0; margin-right: 10px;
   margin-top: 14px;}
.popboxCon-tp h3{ flex: 1; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #f5f5f5; padding-right: 10px;}
.popboxCon-ul{ margin: 12px; height: 76vh; overflow: auto;}
.popboxCon-ul li{ margin-bottom: 18px; }
.popboxCon-ul li input{ display: none;}
.popboxCon-ul li input + label{  display: flex; display: -webkit-flex;  }
.popboxCon-ul li input + label::before{ content: ""; display: inline-block; width: 14px;height: 14px; border: 1px solid #c9c9c9; border-radius: 10px;margin-right: 8px; }
.popboxCon-ul li input:checked + label::before{content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/icon-tick.png) no-repeat;
    background-size: 100% 100%; border: none;}
.popboxCon-ul li input + label span{ flex: 1;}    
.btnGroup-outer{  position: absolute;  height: 44px;margin-top: 12px;left: 0; right: 0; bottom: 15px; }
.btnGroup{ display: flex; display: -webkit-flex;justify-content: space-between; -webkit-justify-content:space-between ; margin-left: 12px; margin-right: 12px;
   }
.btnGroup a{ width: 40%; height: 40px; border: 1px solid #006eff; border-radius: 26px; text-align: center; line-height: 40px; color: #006eff;
      font-size: 18px;   }
.btnGroup a.blueBg{ width: 55%; background: linear-gradient(to right,#0a8fff,#006bff); color: #fff; 
    } 
    
@keyframes slide{

          
    0%{ right: -60%; }
    100%{ right:0; }

}    

@-webkit-keyframes slide{
            
    0%{ right: -60%; }
    100%{ right:0;}
}
@keyframes slide2{

          
    0%{right:0;  }
    100%{ right: -60%; }

}    

@-webkit-keyframes slide2{
            
    0%{  right:0; }
    100%{ right: -60%;}
}


.toSlide{ display: block; animation: slide 0.3s 1 linear forwards;  }     
.toSlide2{ animation:slide2 0.3s 1 linear  forwards; }

.popboxCon2{ position: fixed; left: 10%; right: 10%;z-index: 10; top:45%;background: rgba(0, 0, 0, 0.5);padding: 10px; box-sizing: border-box;
  border-radius: 7px; color: #fff; font-size: 14px; text-align: center;}
.btnDfau {
    display: block;
    width: 80%;
    height: 44px;
    margin: 12px auto 0;
    background: linear-gradient(to right,#0084ff,#0084ff);
    color: #fff;
    border-radius: 26px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
}